<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Homework1</title>
    <style>
      div{
        border-width: 4px 1px 1px;
        border-color: #ccc;
        border-style: solid;
        width: 834px;
        padding: 0 4px;
      }
      ul{
          list-style: none;
          margin: 0;
          padding: 0;
      }
      ul>li{
          border-bottom: solid 1px #ccc;
          padding: 4px;
      }
      span{
          width: 30px;
          display: inline-block;
          font-size: larger;
          font-weight:700;
          text-align: center;
      }
      .last{
          border: none;
      }

    </style>
</head>
<body>
<div>
  <ul>
    <li><span>1</span>如果只为border-width属性设置一个值，那么元素的4个边框都使用该值来设置边框的宽度。</li>
    <li><span>2</span>如果只为border-width属性设置一个值，那么元素的4个边框都使用该值来设置边框的宽度。</li>
    <li><span>3</span>如果只为border-width属性设置一个值，那么元素的4个边框都使用该值来设置边框的宽度。</li>
    <li class="last"><span>4</span>如果只为border-width属性设置一个值，那么元素的4个边框都使用该值来设置边框的宽度。</li>
  </ul>
</div>

</body>
</html>